@import "../global/mixin.less";
.local-search-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 130;
  display: none;
  .local-search-mask {
    background: rgba(#ccc, 0.7);
    width: 100%;
    height: 100%;
    .center();
    .local-search-content {
      overflow: hidden;
      .center();
      position: relative;
      width: 80%;
      height: 90%;
      max-width: 1000px;
      max-height: 600px;
      background: #fff;
      border-radius: 10px;
      .local-search {
        position: absolute;
        top: 5%;
        height: 10%;
        display: flex;
        input {
        }
        .icon-search-wrapper {
          .center();
          height: 34px;
          margin-left: 10px;
          font-size: 20px;
          .iconsearch {
            font-size: 20px;
          }
        }
      }
      .local-search-result {
        position: absolute;
        top: 15%;
        height: 85%;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        .search-result-list {
          padding: 0 5px 10px 5px;
          li {
            padding: 10px 0;
            .search-result-title {
              .center();
              font-size: 18px;
              line-height: 20px;
            }
            .search-result {
              padding-top: 10px;
              font-size: 14px;
              line-height: 20px;
              .search-keyword {
                color: #f00;
              }
            }
          }
        }
      }
    }
  }
}
